<template>
    <div class="detail_info">
        <div class="hd">
         <a href=""><span>适用商户(3)</span>
             <img src="../../../../../assets/style/iconfont/right.svg" alt=""> </a>
            </div>

        <div class="flex_box">
            <div class="flex_box_left">
                <h3>3Am HAIR SALON 烫发染发接发（兰桂坊店）</h3>
                <img src="../../../../../assets/style/iconfont/star.svg" alt="" >
                <img src="../../../../../assets/style/iconfont/star.svg" alt="" >
                <img src="../../../../../assets/style/iconfont/star.svg" alt="" >
                <img src="../../../../../assets/style/iconfont/star.svg" alt="" >
                <img src="../../../../../assets/style/iconfont/star.svg" alt="" >
            </div>
            
            <div class="flex_box_right">
                <img src="../../../../../assets/style/iconfont/phone.svg" alt="">
            </div>
        </div>
        <div class="addres">
            <img src="../../../../../assets/style/iconfont/ip.svg">
            <p>吉泰路五路118号2栋附9号2栋</p>
        </div>
        
    </div>
   
    
</template>

<script>
export default {
    name:"InfoSecond.vue"
}
</script>

<style scoped>
.detail_info{
    margin-bottom: .2rem;
    height: 5rem;
    border-bottom: solid .35rem rgb(243, 241, 241);
}
.hd{
    content: 80%;
    width: 100%;
    overflow: hidden;
   height: 1rem;
   border-bottom: solid .02rem rgb(226, 220, 220);
   margin-bottom: .2rem;
}
.hd a{
    width: 100%;
    text-decoration: none;
    /* margin-top: .3rem; */
    
}
.hd span{
    float: left;
    color:#333;
    font-size: .36rem;
    margin-left: .3rem;
    margin-top: .25rem;
    
}
.hd img{
    width: .5rem;
    float: right;
    margin-right: .3rem;
    margin-top: .22rem;
}
.flex_box{
    width: 100%;
    height: 2rem;
    margin-left: .3rem;
    margin-bottom: .2rem;
     border-bottom: solid .02rem rgb(226, 220, 220);
}
.flex_box .flex_box_left{
    width: 70%;
    float: left;
    /* overflow: hidden; */
    
}
.flex_box .flex_box_left h3{
    text-align: justify;
    float: left;
    /* text-overflow: ellipsis;
    display: inline-block; */
}
.flex_box .flex_box_left img{
    margin:.3rem 0;
    width: .5rem;
    float: left;
}
.flex_box .flex_box_right{
    width: 25%;
    float: right;
    /* overflow: hidden; */
    border-left: solid .02rem rgb(226, 220, 220);
}
.flex_box .flex_box_right img{
    width:.8rem;
    margin: .44rem .13rem;

}
.addres{
    width: 80%;
    height: 1.5rem;
    margin-left: .3rem;
}
.addres img{
    margin:.3rem 0;
    width: .6rem;
    float: left;
}
.addres p{
    float: left;
    font-size: .3rem;
    margin:.5rem 0;
    margin-left: .2rem;
}

</style>


